<div class="view-box flex">
    <div class="view-left">
        <h2 class="title">模态框</h2>
        <div class="block">
            <p class="next-title">模态框基础用法</p>
            <div class="w300">
                <div class="modal-btn" (click)="isModal = true">click me!</div>
                <min-modal *ngIf="isModal" (close)="isModal = false">
                    <div class="test">test</div>
                </min-modal>
                <div class="demo-tab">
                    <p class="use f18">用法</p>
                    <textarea class="text-input">
                        <min-modal *ngIf="isModal" (close)="isModal = false">
                                <div class="test">test</div>
                              </min-modal>
                </textarea>
                </div>
            </div>
        </div>

    </div>
    <div class="view-right">
        <h2 class="title">参数说明</h2>
        <table class="table">
            <tr class="head">
                <th>参数</th>
                <th>说明</th>
                <th>类型</th>
                <th>默认值</th>
            </tr>
            <tr class="content">
                <th>title</th>
                <th>模态框标题</th>
                <th>string</th>
                <th>Confirm</th>
            </tr>
            <tr class="content">
                <th>width</th>
                <th>模态款内容宽度</th>
                <th>number</th>
                <th>540</th>
            </tr>
        </table>
        <h2 class="title">事件说明</h2>
        <table class="table">
            <tr class="head">
                <th>事件名称</th>
                <th>说明</th>
                <th>默认值</th>
            </tr>
            <tr class="content">
                <th>close</th>
                <th>关闭模态框时触发</th>
                <th>false</th>
            </tr>
           
        </table>
    </div>
</div>